<? 
session_start();
include "php/connect.php";

$output = "
<html>
	<head>	 	
		<!-- Register -->
	</head>
	<body>
		<div class = 'content-title-container'><div class='normal-text grey-text content-title-text'>Create a user</div></div>
		<div id='indent-content-container' class='indent-content-container'>
			<form method='POST' action='javascript:registerUser();'>
				<table>
					<tr class='tr-table border-bottom'>
						<td class='td-table vertical-middle width-180'><div class='normal-text bold-text'>Username:</div></td>
						<td class='td-table vertical-middle width-180 pad-tb-5'><input id='username' type='text'  size='36'/></td>
						<td class='td-table vertical-middle'><div id='username_err' class='normal-text bold-text marg-l error-container width-300'></div></td>
					</tr>
					<tr class='tr-table border-bottom'>
						<td class='td-table vertical-middle width-180'><div class='normal-text bold-text'>Email:</div></td>
						<td class='td-table vertical-middle width-180 pad-tb-5'><input id='email' type='text' size='36'/></td>
						<td class='td-table vertical-middle'><div id='email_err' class='normal-text bold-text marg-l error-container width-300'></div></td>
					</tr>
					
					<tr class='tr-table border-bottom'>
						<td class='td-table vertical-middle width-180'><div class='normal-text bold-text'>Password:</div></td>
						<td class='td-table vertical-middle width-180 pad-tb-5'><input id='password' type='password'size='36' /></td>
						<td class='td-table vertical-middle'><div id='password_err' class='normal-text bold-text marg-l error-container width-300'></div></td>
					</tr>
					<tr class='tr-table border-bottom'>
						<td class='td-table vertical-middle width-180'><div class='normal-text bold-text'>We has captcha!:</div></td>
						<td class='td-table vertical-middle width-180 pad-tb-5' colspan='2'>
							<div id='recaptcha-container' class='pad-tb-5'></div>
						</td>
					</tr>
					<tr class='tr-table'>
						<td class='td-table vertical-middle pad-tb-5' colspan='2'><div id='status_message' class='normal-text bold-text error-container'></div></td>
						<td class='td-table vertical-middle width-180 horizontal-right' ><div id='register-submit-button'><input id='login-button' type='submit' value='Register'/></div></td>
					</tr>
				</table>
				<div class></div>
			</form>
		</div>
		<script type='text/javascript'><!--
				Recaptcha.create(
				'6LeiL8kSAAAAAI0FixE2yUBb2pdOLqqb5VX4ue44'
				, 'recaptcha-container',
				{ 
					theme: 'blackglass'
					, callback: Recaptcha.focus_response_field 
				}
			);
			//-->
		</script>
	</body>
</html>";
echo $output;

?>
